    
<div class="moduleTips">
    <img alt="moduleTips" src="http://juke.ipropre.com/public/uploads/moduleTips.png">
    <span>【小提示】:</span> 点击红色方块可以拖动整个组，绿色方块可以拖动一行，也可以直接拖动旺旺或昵称。
</div>
        
<?php echo '<div id="keyboard">';?>

		<div id="toggleTool">
            <span class="s cur">客服备用区</span>
            <span class="s">颜色配置</span>
        </div>
        
<div id="wwRecycle" class="kbox clearFix">
    <table width="100%">
    	<tr>
        	<td width="190">
            <ul class="wwBox1 clearFix" style="width:190px;">
				<?php
                 if(count($wangwang)) :
                 foreach($wangwang as $key=>$val){
                         echo '<li>';
                         echo '<dl class="wwBox2 clearFix">';
                         echo '<dt>'.$val['name'].'</dt>'; 
                            if(count($val) > 1){
                                foreach($val['group'] as $k=>$v) :
                                    $v2 = explode(':',$v);
						   			$v3 = count($v2) > 1 ? $v2[1] : $v2[0];
									echo '<dd><span>'.$v3.':</span><a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid='.$v.'&siteid=cntaobao&status=1&charset=utf-8"><img border="0" src="http://amos.alicdn.com/online.aw?v=2&uid='.$v.'&site=cntaobao&s='.$fat1.'&charset=utf-8" alt="点这里给我发消息" /></a></dd>';
                                endforeach;
                            }
                         echo '</dl>';
                         echo '</li>';
                       }
                endif;
                ?>
            </ul>
            </td>
            <td>
          <?php 
		  echo '<dl class="wwBox2 clearFix">';
		  foreach($wangwang_small as $key=>$val){
			  if(count($val) > 1){
				  foreach($val['group'] as $k=>$v) :
					   echo '<dd><span>'.$v.':</span><a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid='.$v.'&siteid=cntaobao&status=1&charset=utf-8"><img border="0" src="http://amos.alicdn.com/online.aw?v=2&uid='.$v.'&site=cntaobao&s='.$fat2.'&charset=utf-8" alt="点这里给我发消息" /></a></dd>';
				  endforeach;
			  }
           }
		   echo '</dl>';
          ?>
            </td>
            <td width="200">
              <div class="wwBox2 clearFix wwBox2cus" style="border:1px dashed #CCC;"></div>
              <dl id="customAddNick">
                  <dt>添加自定义昵称</dt>
                  <dd>昵称: <input type="text" size="10" id="customNick" /> <input type="button" value="添加" id="customAddNickok" /></dd>
              </dl>
            </td>
        </tr>
    </table>
    
</div>

<div id="colorChange" class="kbox clearFix" style="display:none;">
	<?php foreach($colors as $co) : 
    
    echo '<span data-val="'.$co.'" style="background-color:'.$co.';"></span>';
    
    endforeach; ?>
    
</div>

        
	<?php echo '</div>'; // keyboard ?>